<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<head>
<title>demo</title>


 
<!-- 时间控件定义 -->
<script type="text/javascript">
	$(function() {

		$(".datepicker").datepicker({
			format : 'yyyy-mm-dd',
		});

		$("#fromDate1").datepicker({
			format : 'yyyy-mm-dd',

		});

		$("#fromDate2").datepicker({
			format : 'yyyy-mm-dd',
			clearBtn : true,
			todayBtn : true,
			orientation : "top auto"
		});

	});
</script>


<!-- 日期范围定义  年月日时分-->
<script type="text/javascript">
	$(function() {

		$("#fromDate3").daterangepicker({
		         timePicker: true,
                 format: 'YYYY/MM/DD h:mm A'
                  }, 
                  function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                  });
	});
</script>
<!-- 日期范围定义 快捷日期范围按钮选择-->
<script type="text/javascript">
	$(function() {

		$("#fromDate4").daterangepicker(
				{
					"ranges" : {
						'今天' : [ moment(), moment() ],
						'最近七天' : [ moment().subtract(6, 'days'), moment() ],
						'本月' : [ moment().startOf('month'),
								moment().endOf('month') ],
						'上个月' : [
								moment().subtract(1, 'month').startOf('month'),
								moment().subtract(1, 'month').endOf('month') ]
					}
				});
	});
</script>

<!-- chosen -->
<script type='text/javascript'> 
$(function(){
    $(".st1").chosen({

     }); 
    $(".st2").chosen({
       allow_single_deselect:true, /*显示取消选项按钮*/
	   search_contains: true,
	   width:"100%" /*弹框显示不正常，要重新初始宽度来修正*/

     }); 
     
         $(".st3").chosen({
       allow_single_deselect:true, /*显示取消选项按钮*/
	   search_contains: true,

     }); 
     
 
     });
</script>


</head>

<body>

	<section class="content-header">
		<h4>实例demo</h4>
	</section>


	<section class="content">

		<div class="row">
			<div class="col-md-12">
				<div class="box box-solid box-primary">
					<div class="box-header">

						<h3 class="box-title">应用实例demo</h3>
						<div class="box-tools pull-right">
							<button class="btn btn-primary btn-sm ss" data-widget="collapse">
								<i class="fa fa-minus"></i>
							</button>
						</div>
					</div>
					<div class="box-body">

                     <div class="form-group row">

							<div class="col-sm-3">
								<div class="input-textgroup col-sm-12">
									<span class="input-group-text"> text+input+圆角： </span> <input
										class="form-control" type="text">

								</div>
							</div>

							<div class="col-sm-3">
								<div class="input-group col-sm-12">
									<span class="input-group-text"> Class date： </span>
									<div class="input-group">
										<div class="input-group-addon">
											<i class="fa fa-calendar"></i>
										</div>
										<input type="text" class="form-control pull-right datepicker" />
									</div>

								</div>
							</div>


							<div class="col-sm-3">
								<div class="input-textgroup col-sm-12">
									<span class="input-group-text"> ID date： </span>
									<div class="input-group">
										<div class="input-group-addon">
											<i class="fa fa-calendar"></i>
										</div>
										<input type="text" class="form-control pull-right datepicker"
											id="fromDate1" />
									</div>
								</div>
							</div>

							<div class="col-sm-3">
								<div class="input-textgroup col-sm-12">
									<span class="input-group-text"> clearBtn-date： </span>
									<div class="input-group">
										<div class="input-group-addon">
											<i class="fa fa-calendar"></i>
										</div>
										<input type="text" class="form-control pull-right"
											id="fromDate2" />
									</div>
								</div>
							</div>



						</div>

						<div class=" form-group row">
							<div class="col-sm-6">
								<div class="input-textgroup col-sm-12">
									<span class="input-group-text"> 日期范围： </span>
									<div class="input-group">
										<div class="input-group-addon">
											<i class="fa fa-calendar"></i>
										</div>
										<input id="fromDate3" class="form-control pull-right"
											type="text" name="daterange">
									</div>
								</div>
							</div>

							<div class="col-sm-6">
								<div class="input-textgroup col-sm-12">
									<span class="input-group-text"> 日期-快捷按钮： </span>
									<div class="input-group">
										<div class="input-group-addon">
											<i class="fa fa-calendar"></i>
										</div>
										<input id="fromDate4" class="form-control pull-right"
											type="text" name="daterange">
									</div>
								</div>
							</div>

						</div>
						
						
                      
						<div class="form-group row">

								<div class="col-sm-3">
									<div class="input-textgroup col-sm-12">
										<span class="input-group-text"> 智能匹配选项： </span> 
										<select data-placeholder="请选择..." class="form-control st1">
											<option value=""></option>
											<option value="HN">华南(深圳HN)</option>
											<option value="HD">华东(上海HD)</option>
											<option value="HB">华北(北京HB)</option>
											<option value="HZ">华中(武汉HZ)</option>
											<option value="XN">西南(成都XN)</option>
											<option value="XB">西北(西安XB)</option>
											<option value="HN">华南(深圳HN)</option>
											<option value="HD">华东(上海HD)</option>
											<option value="HB">华北(北京HB)</option>
											<option value="HZ">华中(武汉HZ)</option>
											<option value="XN">西南(成都XN)</option>
											<option value="XB">西北(西安XB)</option>
										</select>
									</div>
								</div>

								<div class="col-sm-4">
								<div class="input-textgroup col-sm-12">
									<span class="input-group-text">智能匹配+取消选项： </span> 
                               <select data-placeholder="请选择..." class="form-control st2" >
										<option value=""></option>
										<option value="VTE">伟易达VTE</option>
										<option value="LIJ">力杰数码(LIJ)</option>
										<option value="CSH">测试商家(CSH)</option>
										<option value="RY1">睿远商贸(RY1)</option>
										<option value="YIL">亿觅(YIL)</option>
										<option value="WUL">武绿食品(WUL)</option>
										<option value="HS1">广州黑石数码(HS1)</option>
										<option value="MLS">美丽说(MLS)</option>
										<option value="LKE">仁清科技(LKE)</option>
										<option value="furun_test">富润测试(furun_test)</option>
										<option value="TEN">锦绣十月()</option>
										<option value="HZB">孩之宝()</option>
										<option value="HHQZ">荷花亲子</option>
										<option value="LFY">老佛爷</option>
										<option value="MID">美的</option>
										<option value="BLF">菠萝疯科技</option>
										<option value="STQC">胜途汽车</option>
										<option value="CPU">车仆</option>
										<option value="AODAO">奥电奥</option>
										<option value="QQT">七弦数码QQT</option>
                                        <option value="QQT">QQT七弦数码</option>
									</select>




									</div>
							</div>
						
							<div class="col-sm-4">
								<div class="input-textgroup col-sm-12">
									<span class="input-group-text">智能匹配选项+多选： </span> 
                               <select data-placeholder="请选择..." class="form-control st3"  multiple>
										<option value=""></option>
										<option value="VTE">伟易达VTE</option>
										<option value="LIJ">力杰数码(LIJ)</option>
										<option value="CSH">测试商家(CSH)</option>
										<option value="RY1">睿远商贸(RY1)</option>
										<option value="YIL">亿觅(YIL)</option>
										<option value="WUL">武绿食品(WUL)</option>
										<option value="HS1">广州黑石数码(HS1)</option>
										<option value="MLS">美丽说(MLS)</option>
										<option value="LKE">仁清科技(LKE)</option>
										<option value="furun_test">富润测试(furun_test)</option>
										<option value="TEN">锦绣十月()</option>
										<option value="HZB">孩之宝()</option>
									</select>




									</div>
							</div>
                     
						
                      
<div class="col-sm-1">

 <button class="btn btn-primary" type="button"  data-target="#myModal1" data-toggle="modal" >弹框</button>

</div>
</div>

</div>
					</div>
                   </div>
                  </div>

	 <!-- 查询结果 start -->
	<div class="row" >
	<div class="col-md-12">
	  <div class="box box-primary">
			 <div class="box-header"></div>
			 <div class="box-body ">
			    
			     <table class="table table-bordered table-striped " >
			         <thead>
			             <tr>
			                <th>商家名称</th>
						    <th>作业仓库</th>
						    <th>盘点类型</th>
						    <th>计划编号</th>
							<th>创建时间</th>
							<th>创建人</th>
							<th>当前状态</th>
							<th >操作</th>
			             </tr>
			         </thead>
			         <tbody role="alert" aria-live="polite" aria-relevant="all">
<tr class="odd">
<td class="">拳霸</td>
<td class="">HB</td>
<td class="">
<a href="/wms/orderMsg/v2_orderMsgDetail/PD143899372831679" title="查看订单信息" target="_blank">PD143899372831679</a>
<i class="fa fa-tag text-muted"></i>
</td>
<td class="">Qanba旗舰店</td>
<td class="">高帅</td>
<td class="">北京</td>
<td class="">STO</td>
<td class="">是</td>
<td class="">08-08 08:28</td>
<td class="">
<a class="btn btn-default btn-sm" data-toggle="modal" role="button" onclick="getAjaxOrders(1242682)" href="#ordersDetail">订单详情</a>
<a class="btn btn-default btn-sm" data-toggle="modal" role="button" onclick="getAjaxItems(1242682)" href="#orderItemsDetail">商品详情</a>
</td>
</tr>
<tr class="even">
<td class="">拳霸</td>
<td class="">HB</td>
<td class="">
<a href="/wms/orderMsg/v2_orderMsgDetail/PD143899390930691" title="查看订单信息" target="_blank">PD143899390930691</a>
<i class="fa fa-tags text-muted"></i>
</td>
<td class="">拳霸街机摇杆</td>
<td class="">李梓霖</td>
<td class="">北京</td>
<td class="">STO</td>
<td class="">是</td>
<td class="">08-08 08:31</td>
<td class="">
<a class="btn btn-default btn-sm" data-toggle="modal" role="button" onclick="getAjaxOrders(1242691)" href="#ordersDetail">订单详情</a>
<a class="btn btn-default btn-sm" data-toggle="modal" role="button" onclick="getAjaxItems(1242691)" href="#orderItemsDetail">商品详情</a>
</td>
</tr>
			     </table>
			 </div>
		 </div>
	
	  </div>
	</div>
					
	<!-- /弹窗 -->
<div id="myModal1" class="modal fade">
  <div class="modal-dialog" style="width: 60%;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">添加入库单</h4>
      </div>
      <div class="modal-body">
        
          <div class="form-group row">
          
<div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> 商家名称： </span>
 <select class="form-control st2" >
<option value=""></option>
<option value="VTE">伟易达</option>
<option value="LIJ">力杰数码</option>
<option value="RY1">睿远商贸</option>
<option value="YIL">亿觅</option>
<option value="WUL">武绿食品</option>
<option value="HS1">广州黑石数码</option>
<option value="MLS">美丽说</option>
<option value="LKE">仁清科技</option>
<option value="furun_test">富润测试</option>
  </select>
</div>
</div>

<div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> 入库仓库： </span>
    <select class="form-control span3">
  <option>请选择</option>
  <option>华南(深圳)</option>
  <option>华东(上海)</option>
  <option>华北(北京)</option>
  </select>
</label>
  </div>
   </div>
                                    
  <div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> 是否破损： </span>
   <select class="form-control span3">
 <option value="">请选择...</option>
  </select>
</label>
  </div>
   </div>  
       

</div>
     
          <div class="form-group row">
<div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> 箱子数量： </span>
 <select class="form-control">
<option value="">请选择...</option>
  </select>
</div>
</div>

<div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> SKU数量： </span>
    <select class="form-control span3">
  <option>请选择</option>
  </select>
</label>
  </div>
   </div>
                                    
  <div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> 商品数量： </span>
    <select class="form-control span3">
 <option value="">请选择...</option>
  </select>
</label>
  </div>
   </div>  
       

</div>
          
          <div class="form-group row">
<div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> 入库类型： </span>
 <select class="form-control st2" >
<option value=""></option>
										<option value="VTE">伟易达VTE</option>
										<option value="LIJ">力杰数码(LIJ)</option>
										<option value="CSH">测试商家(CSH)</option>
										<option value="RY1">睿远商贸(RY1)</option>
										<option value="YIL">亿觅(YIL)</option>
										<option value="WUL">武绿食品(WUL)</option>
										<option value="HS1">广州黑石数码(HS1)</option>
										<option value="MLS">美丽说(MLS)</option>
										<option value="LKE">仁清科技(LKE)</option>
										<option value="furun_test">富润测试(furun_test)</option>
										<option value="TEN">锦绣十月()</option>
										<option value="HZB">孩之宝()</option>
										<option value="HHQZ">荷花亲子</option>
										<option value="LFY">老佛爷</option>
										<option value="MID">美的</option>
										<option value="BLF">菠萝疯科技</option>
										<option value="STQC">胜途汽车</option>
										<option value="CPU">车仆</option>
  </select>
</div>
</div>

<div class="col-sm-4">
<div class="input-group col-sm-12">
<span class="input-group-text"> 相关单号： </span>
    <select class="form-control span3">
  <option>请选择</option>
  </select>
</label>
  </div>
   </div>

</div>
           
          <div class="form-group row">
<div class="col-sm-12">
<div class="input-group col-sm-12">
<span class="input-group-text"> 备注信息： </span>
 <textarea class="form-control" placeholder="..." rows="3"></textarea>
</div>
</div>

</div> 
     
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">提交</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->    
   
    </section>				
</body>
</html>